//定义组件
var Demo = React.createClass({
    //初始化状态
    getInitialState:function () {
      return{
          check:true
      }
    },
    //定义回调函数
    showResult :function () {
      console.log(this.refs.myCheckbox.checked);
      // 更新状态
        this.refs.myCheckbox.checked = !this.refs.myCheckbox.checked;
        //查看约束性组件的选中态
        console.log(this.state.check)
    },
    //定义事件
    changeCheck :function (e) {
        //切换选中态
        //获取值
        var check = e.target.checked;
        console.log(check);
        this.setState({
            check:check
        })
        // console.log(arguments);
    },
    render:function () {
        return(
            <div>
                {/* 选中设置为true，未选中插入false或者“”*/}
                {/*非约束性的*/}
                <input type="checkbox" ref="myCheckbox" defaultChecked={false}/>
                <button onClick={this.showResult}>查看结果</button>

                {/*约束性的*/}
                <input type="checkbox" checked={this.state.check} onChange={this.changeCheck}/>

            </div>
        )
    }
})
ReactDOM.render(<Demo/>,app);